<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:py="http://purl.org/kid/ns#"
    py:extends="'master.kid'">

<head>
    <meta content="text/html; charset=UTF-8" http-equiv="content-type" py:replace="''"/>
    <title>YourBase.com.br - Pagamento</title>
</head>

<body>
<h2>Pagamento</h2>
<p py:if="pend_invoices.count() == 0"><strong>Não há faturas
pendentes. Obrigado!</strong></p>

<div py:if="pend_invoices.count() > 0"><p><strong>Obrigado por escolher a YourBase</strong>. 
Veja abaixo os detalhes e o link para pagamento das faturas
pendentes, que pode ser feito por transferência
online, cartão de crédito, boleto e depósito identificado. A operação
é imediata, com exceção dos pagamentos por boleto e depósito.
Verifique os prazos no site do PagSeguro, seguindo o link.</p>

<p>Para novos servidores, assim que recebermos a confirmação do pagamento, 
entraremos em contato via e-mail com as informações de login ao servidor e
informações detalhadas de uso :-).</p>

<p>A cada início de mês, enviaremos uma cobrança via e-mail para
pagamento da mensalidade, que também será feita através da PagSeguro.</p>

<p>Se tiver dúvidas, entre em <a href="${tg.url('/sobre#contato')}">contato
</a> e teremos prazer em lhe ajudar.</p>


<h2>Faturas Pendentes</h2>
<table >
<th>Código</th><th>Descrição</th><th>Data</th><th>Valor</th><th>Efetuar
pagamento</th>

<?python 
    style="odd"
?>

<tr py:for="invoice in pend_invoices" class="${style}"
style="text-align: center">
    <?python
        if style == "odd":
            style="even"
        else:
            style="odd"
    ?>
    <td>${invoice.id + 7171}</td>
    <td>${invoice.server.domain} ${invoice.description}</td>
    <td>${invoice.invoice_date}</td>
    <td>${tg.real(invoice.amount_real)}</td>
    <td><form target="brpay" action="https://pagseguro.uol.com.br/security/webpagamentos/webpagto.aspx" method="post" >
        <input type="hidden" name="email_cobranca"
        value="yves@yourbase.com.br"/>
        <input type="hidden" name="tipo" value="CP"/>
        <input type="hidden" name="moeda" value="BRL"/>
        <input type="hidden" name="item_id_1" value="${invoice.pubid}"/>
        <input type="hidden" name="item_descr_1"
        value="Hospedagem ${invoice.server.domain} - ${tg.unaccent(invoice.description)}"/>
        <input type="hidden" name="item_quant_1" value="1"/>
        <input type="hidden" name="item_valor_1" value="${'%d' %
        (invoice.amount_real * 100)}"/> 
        <input type="hidden" name="cliente_nome"
            value="${tg.unaccent(invoice.server.owner.full_name)}"/>
        <input type="hidden" name="cliente_email"
            value="${invoice.server.owner.email_address}"/>
        <input type="hidden" name="cliente_cep"
            value="${invoice.server.owner.zipcode}"/>
        <input type="image"
        src="http://pagseguro.uol.com.br/Security/Imagens/btnfinalizaBR.jpg" 
        alt="Pague com PagSeguro - é rápido, grátis e seguro!"
        name="submit"/>
    </form>
    </td>
    </tr>
</table>
<br/><br/>
<div style="text-align: center"><img
src="http://www.pagseguro.com.br/Security/Imagens/btnWebPrefC.gif"
border="0"/> </div>
</div>
<br/><br/>
<div class="notice">
    <p>Passo1: Escolhendo o plano</p>
    <p>Passo 2: Definindo as opções do seu servidor</p>
    <p>Passo 3: Preenchendo o cadastro de usuários</p>
    <p class="attention">Passo 4: Efetuando o pagamento.</p>
</div>

</body>
</html>

